import type { AppRouteModule } from '@/router/types';

import { LAYOUT } from '@/router/constant';

const oneandeight: AppRouteModule = {
  path: '/oneandeight',
  name: 'Oneandeight',
  component: LAYOUT,
  meta: {
    orderNo: 8,
    icon: 'icon-park-outline:eight-key',
    title: '1-8',
  },
  children: [
    {
      path: 'basics',
      name: 'Basics',
      component: () => import('@/views/three/oneandeight/basics.vue'),
      meta: {
        title: '基础版',
      },
    },
    {
      path: 'hierarchy',
      name: 'Hierarchy',
      component: () => import('@/views/three/oneandeight/hierarchy.vue'),
      meta: {
        title: '层级模型',
      },
    },
    {
      path: 'common',
      name: 'Common',
      component: () => import('@/views/three/oneandeight/common.vue'),
      meta: {
        title: '常见几何体',
      },
    },
    {
      path: 'point',
      name: 'Point',
      component: () => import('@/views/three/oneandeight/point.vue'),
      meta: {
        title: '点',
      },
    },
    {
      path: 'pointScreen',
      name: 'PointScreen',
      component: () => import('@/views/three/oneandeight/pointScreen.vue'),
      meta: {
        title: '点画面',
      },
    },
    {
      path: 'vertex',
      name: 'Vertex',
      component: () => import('@/views/three/oneandeight/vertex.vue'),
      meta: {
        title: '几何体顶点位置数据和点模型',
      },
    },
    {
      path: '3Dmodel',
      name: '3Dmodel',
      component: () => import('@/views/three/oneandeight/3Dmodel.vue'),
      meta: {
        title: '加载外部三维模型',
      },
    },
    {
      path: '3DmodelTwo',
      name: '3DmodelTwo',
      component: () => import('@/views/three/oneandeight/3DmodelTwo.vue'),
      meta: {
        title: '外部三维模型二',
      },
    },
    {
      path: 'zooming',
      name: 'Zooming',
      component: () => import('@/views/three/oneandeight/zooming.vue'),
      meta: {
        title: '平移旋转缩放',
      },
    },
    {
      path: 'vector',
      name: 'Vector',
      component: () => import('@/views/three/oneandeight/vector.vue'),
      meta: {
        title: '三维向量',
      },
    },
    {
      path: 'flicker',
      name: 'Flicker',
      component: () => import('@/views/three/oneandeight/flicker.vue'),
      meta: {
        title: '深度冲突(模型闪烁)',
      },
    },
    {
      path: 'texture',
      name: 'Texture',
      component: () => import('@/views/three/oneandeight/texture.vue'),
      meta: {
        title: '纹理对象Texture阵列',
      },
    },
    {
      path: 'textureMap',
      name: 'TextureMap',
      component: () => import('@/views/three/oneandeight/textureMap.vue'),
      meta: {
        title: '纹理贴图',
      },
    },
    {
      path: 'experience',
      name: 'Experience',
      component: () => import('@/views/three/oneandeight/experience.vue'),
      meta: {
        title: '阵列立方体和相机适配体验',
      },
    },
    {
      path: 'uvAnimation',
      name: 'UvAnimation',
      component: () => import('@/views/three/oneandeight/uvAnimation.vue'),
      meta: {
        title: 'UV动画',
      },
    },
  ],
};

export default oneandeight;
